<template>
  <!-- <div>
		<div class="mb-2" v-if="userInfo.signature">
			<a-image :src="userInfo.signature" style="height: 120px; border: 1px solid rgb(236 236 236)" />
		</div>
		<a-button @click="XnSignNameRef.show()">打开签名板</a-button>
		<xn-sign-name ref="XnSignNameRef" :image="userInfo.signature" @successful="signSuccess" />
	</div> -->
  <div>
    <div class="mb-2">
      <a-image style="height: 120px; border: 1px solid rgb(236 236 236)" />
    </div>
    <a-button @click="XnSignNameRef.show()">打开签名板</a-button>
    <xn-sign-name ref="XnSignNameRef" @successful="signSuccess" />
  </div>
</template>

<script setup>
import { ref } from 'vue'
// import tool from '@/utils/tool'
// import userCenterApi from '@/api/sys/userCenterApi'
// import store from '@/store'
import XnSignName from './xnSignName.vue'
// const userInfo = ref(tool.data.get('USER_INFO'))
const XnSignNameRef = ref()
// 签名板组件回调
const signSuccess = (value) => {
  const param = {
    signature: value
  }
  // userCenterApi.userUpdateSignature(param).then(() => {
  // 	userInfo.value.signature = value
  // 	// 更新缓存
  // 	tool.data.set('USER_INFO', userInfo.value)
  // 	store.commit('SET_userInfo', userInfo.value)
  // })
}
</script>

<style scoped></style>

